        </div>
            <!-- jquery -->
            <script src="<?=base_url()?>public/js/jquery-1.8.2.min.js"></script>

            <!-- smart resize event -->
            <script src="<?=base_url()?>public/js/jquery.debouncedresize.min.js"></script>

            <!-- hidden elements width/height -->
            <script src="<?=base_url()?>public/js/jquery.actual.min.js"></script>
            
            <!-- js cookie plugin -->
            <script src="<?=base_url()?>public/js/jquery_cookie.min.js"></script>
            
            <!-- main bootstrap js -->
            <script src="<?=base_url()?>public/js/bootstrap.min.js"></script>
            
            <!-- bootstrap plugins -->
     	    <script src="<?=base_url()?>public/js/bootstrap.plugins.min.js"></script>

            <!-- tooltip functions -->
            <script src="<?=base_url()?>public/js/jquery.qtip.min.js"></script>

            <!-- lightbox -->
            <script src="<?=base_url()?>public/js/jquery.colorbox.min.js"></script>

            <!-- fix for ios orientation change -->
            <script src="<?=base_url()?>public/js/ios-orientationchange-fix.js"></script>

            <!-- scrollbar -->
            <script src="<?=base_url()?>public/js/antiscroll.min.js"></script>
            <script src="<?=base_url()?>public/js/jquery-mousewheel.js"></script>

            <!-- to top -->
            <script src="<?=base_url()?>public/js/jquery.ui.totop.min.js"></script>
            
            <!-- mobile nav -->
            <script src="<?=base_url()?>public/js/selectNav.js"></script>
            
            <!-- gebo -->
            <script src="<?=base_url()?>public/js/gebo_common.js"></script>
            
            <script src="<?=base_url()?>public/js/jquery-ui-1.8.23.custom.min.js"></script>
            <!-- touch events for jquery ui-->
            <script src="<?=base_url()?>public/js/forms/jquery.ui.touch-punch.min.js"></script>
            <!-- multi-column layout -->
            <script src="<?=base_url()?>public/js/jquery.imagesloaded.min.js"></script>
            <script src="<?=base_url()?>public/js/jquery.wookmark.js"></script>
            <!-- responsive table -->
            <script src="<?=base_url()?>public/js/jquery.mediaTable.min.js"></script>
            <!-- small charts -->
            <script src="<?=base_url()?>public/js/jquery.peity.min.js"></script>
            <!-- charts -->
            <script src="<?=base_url()?>public/js/jquery.flot.min.js"></script>
            <script src="<?=base_url()?>public/js/jquery.flot.resize.min.js"></script>
            <script src="<?=base_url()?>public/js/jquery.flot.pie.min.js"></script>
            <!-- calendar -->
            <script src="<?=base_url()?>public/js/fullcalendar.min.js"></script>
            <script src="<?=base_url()?>public/js/list.paging.js"></script>
            <!-- dashboard functions -->
    
    
            <script>
                    $(document).ready(function() {
                            //* show all elements & remove preloader
                            setTimeout('$("html").removeClass("js")',1000);
                    });
            </script>
            <?php 
                if (isset($css_files) && isset($js_files)) {
                foreach($css_files as $file): ?>
                <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
            <?php endforeach; ?>
            <?php 
                foreach($js_files as $file): ?>
                <script src="<?php echo $file; ?>"></script>
            <?php endforeach; 
                }?>
	</body>
</html>